/**index.wxss**/
// .userinfo {
// 	display: flex;
// 	flex-direction: column;
// 	align-items: center;
// 	color: #aaa;
// }

// .userinfo-avatar {
// 	overflow: hidden;
// 	width: 128rpx;
// 	height: 128rpx;
// 	margin: 20rpx;
// 	border-radius: 50%;
// }

// .usermotto {
// 	margin-top: 200px;
// }

page {
	background-color: var(--page-background)
}

.van-nav-bar {
	background-color: transparent !important;

	.van-icon:before {
		color: black !important;
		font-size: 36rpx !important;
	}
}

.van-nav-bar__text {
	margin-left: -12rpx !important;
	color: black !important;
	font-size: 48rpx !important;
	line-height: 48rpx !important;
	background-color: transparent !important;
}

.swiper {
	margin: auto 30rpx;
	height: 320rpx;

	.swiper-img {
		display: flex;
		justify-content: center;
		align-items: center;

		.img {
			border-radius: 16rpx;
			height: 300rpx;
			width: 100%;

			object-fit: cover;
		}

	}
}

.notice {
	margin: 16rpx 30rpx 10rpx 30rpx;
	padding: 8rpx 0 10rpx 18rpx;
	background-color: white;
	border-radius: 15rpx;

	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;

	.notice-img {
		height: 30rpx;
		margin-top: 12rpx;
		margin-bottom: 12rpx;
		margin-right: 24rpx;
	}

	.notice-text {
		flex: 6;
		font-size: 24rpx;
		text-overflow: ellipsis;
		margin-right: 24rpx;
		white-space: nowrap;
		overflow: hidden;
	}
	.notice-time {
		font-size: 24rpx;
		margin-right: 12rpx;
		color: grey;
	}

	.cancel {
		margin-right: 36rpx;
		height: 25rpx;
	}
}

.shop-qrcode {
	width: 512rpx;
	//height: 512rpx;

	padding: 32rpx;

	text-align: center;

	image {
		width: 100%;
		//height: 100%;

		margin-bottom: 16rpx;
	}
}

.menu-region {
	display: flex;
	justify-content: center;
	justify-self: flex-start;

	margin: 0 30rpx;

	.left{
		margin-right:10rpx;
	}

	.right{
		margin-left:10rpx;
	}

	.btn-column {
		width: 100%;

		.btn {
			display: flex;
			flex-direction: column;

			margin: 0 0 30rpx 0;
			padding: 30rpx;
			border-radius: 15rpx;
			background-color: white;

			.marks-icon {
				height: 16rpx;
			}

			.btn-text {
				align-self: flex-start;

				margin: 16rpx 0;
				font-size: 35rpx;
				font-weight: 700;
			}

			.btn-desc {
				height: 64rpx;
				font-size: 27rpx;
				font-weight: lighter;
				color: var(--grey-color);
			}

			.btn-img {
				align-self: flex-end;
				height: 160rpx;
			}
		}
	}

}
